<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>案例精选</title>
		<link href="/static/lvshi_pc/css/person.css" rel="stylesheet" />
		<link href="/static/lvshi_pc/css/swiper-bundle.min.css" rel="stylesheet" />
		<link href="/static/lvshi_pc/css/animate.min.css" rel="stylesheet" />
		<link href="/static/lvshi_pc/css/reset.min.css" rel="stylesheet" />
		<link href="/static/global/css/page.css" rel="stylesheet" />
		<script src="/static/lvshi_pc/js/swiper-bundle.min.js"></script>
		<script src="/static/lvshi_pc/js/jquery.min.js"></script>
		<script src="/static/lvshi_pc/js/wow.min.js"></script>
		<script src="/static/lvshi_pc/js/changeWindow.js"></script>
	</head>
	<body>
		<header>
			{include file="public/header"}
		</header>
		<img src="/static/lvshi_pc/images/bannera_02.png" class="banner" alt="">
		
		
		<div class="anlibox">
			<div class="wrap">
				<div class="lititle">
					<div class="jilana"></div>
					<div class="jititle">案例精选</div>
				</div>
				<div class="baibox">
					<ul>
						{ht:article category_id="2" length="5" id="vo"}
						<a href="{$vo.href}">
							<li>
								<img src="{$vo.image ?? '/static/lvshi_pc/images/apic_03.png'}" class="baipic" alt="">
								<div class="baicen">
									<div class="baititle oneline">
										{$vo.title}
									</div>
									<div class="baitime">
										发布日期: {$vo.create_time}
									</div>
									<div class="baitxt threelines">
										{$vo.content|strip_tags|mb_substr=0,123}
									</div>
								</div>
								<div class="baiyou">
									<img src="/static/lvshi_pc/images/ban_06.png" class="baihua" alt="">
								</div>
							</li>
						</a>
						{/ht:article}
					</ul>
				</div>
				
				<div class="fenye ht-page-b">
					{$data->render()|raw}
				</div>
			</div>
		</div>
		
		<footer>
			{include file="public/footer"}
		</footer>
		<script type="text/javascript">
			var mySwiper = new Swiper('#lba', {
				// loop: true,
				autoplay: {
					delay:4000
				},
				navigation: {
					nextEl: ".swiper-button-next",
					prevEl: ".swiper-button-prev",
				},
				pagination: {
					el: '.swiper-pagination',
					clickable: true,
				}
			});
			var mySwiper = new Swiper('#lbb', {
				loop: true,
				autoplay: true,
				direction: "vertical",
			});
			var mySwiper = new Swiper('#lbc', {
				slidesPerView: 4,
				spaceBetween: 30,
				loop: true,
				autoplay: true,
				navigation: {
					nextEl: ".swiper-button-next",
					prevEl: ".swiper-button-prev",
				},
			});
			// wow效果启用
			new WOW().init();
		</script>
	</body>

</html>
